<!DOCTYPE>
<html xmlns="">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>飞航国旅</title>
		<link rel="stylesheet" type="text/css" href="../../css/css.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$(function() {
				$("#ShowPopup").click(function() {
					$(".popup").addClass("active");
					$("#ClosePopup").click(function() {
						$(".popup").removeClass("active");
					})
				})
			})
		</script>
	</head>

	<body>
		<div class="main">
			<header class="header">
				<div class="leftArrow">
					<a href="">
						<i class="icon iconfont icon-jiantouzuo"></i>
					</a>
				</div>
				<div class="title">
					拼团
				</div>
				<div class="backHome">
					<a href="">
						<i class="icon iconfont icon-shouye"></i>
					</a>
				</div>
			</header>
			<div class="msg">
				<div class="icon-area">
					<i class="icon icon-wancheng"></i>
				</div>
				<div class="text-area">
					<div class="msg-title">成功支付 ￥0.0</div>
					<div class="msg-desc">
						<p>订单状态：拼车中</p>
						<p>预定人数：50人</p>
					</div>
				</div>
				<div class="btn-area">
					<button id="ShowPopup" class="btn btn-default">领取免费班车名额和现金返现</button>
					<button class="btn orangebg">查看拼车详情</button>
				</div>
			</div>
			<div class="popup">
				<div class="introduce">
					<div class="introduce-pic">
						<img src="../../img/picshare.png" />
					</div>
					<div class="introduce-name">
						<p>转发到微信群或朋友圈，和好友一起抢</p>
						<p>越分享越有奖，越多好友领取，越多免单和返现机会！</p>
					</div>
					<div class="introduce-details">
						<h4>
							活动规则：
						</h4>
						<ul class="orderedlist">
							<li>班车满40人即可领取每人返现X元，可提现到微信钱包，越转发，返现会不断递增。</li>
							<li>免单机会是根据转发的次数依次递增，转发一次即增加一次机会。</li>
							<li>返现机会按照人数返现，不断递增，如果不转发，则默认放弃返现金额。</li>
							</ol>
					</div>
					<div class="introduce-btn">
						<button class="btn btn-green" id="ClosePopup">转发到微信群或朋友圈，获得随机免单返现！</button>
					</div>
				</div>
			</div>
	</body>

</html>